.icon {
  display: inline-block;
  vertical-align: middle
}
.icon-watch {
  width: 22px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_eye.png') no-repeat center center;
  background-size:22px auto;
}
.icon-notice {
  width: 22px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_notice.png') no-repeat center center;
  background-size:19px auto;
}
.icon-setting {
  width: 18px;
  height: 18px;
  background: url('~@/assets/images/icon/icon_setting.png') no-repeat center center;
  background-size:18px auto;
}
.icon-contact-wx,.icon-contact-email,.icon-contact-mobile {
  width: 32px;
  height: 32px;
  background-size:32px 32px;
  margin: 0 8px;
  cursor: pointer;
}
.icon-contact-wx:hover,.icon-contact-email:hover,.icon-contact-mobile:hover {
  opacity: .9;
}
.icon-contact-wx {
  background: url('~@/assets/images/icon/icon_wechat.png') no-repeat center center;
}
.icon-contact-email {
  background: url('~@/assets/images/icon/icon_message.png') no-repeat center center;
}
.icon-contact-mobile {
  background: url('~@/assets/images/icon/icon_tel.png') no-repeat center center;
}
.icon-news {
  background: url('~@/assets/images/icon/icon_news.png') no-repeat center center;
}
.icon-pending {
  background: url('~@/assets/images/icon/icon_pending.png') no-repeat center center;
}
.icon-collection{
  width: 18px;
  height: 18px;
  background: url('~@/assets/images/icon/icon_collection.png') no-repeat center center;
  background-size: 18px 18px;
  cursor: pointer;
}
.icon-collection.active{
  background: url('~@/assets/images/icon/icon_collection_active.png') no-repeat center center;
}
.icon-collaboration{
  width: 31px;
  height: 31px;
  background: url('~@/assets/images/icon/icon_collaboration.png') no-repeat center center;
  background-size: 31px 31px;
  cursor: pointer;
}
.icon-left {
  margin-right: 5px;
  line-height: 14px;
  vertical-align: middle;
}
.icon-table-head {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.icon-head-status {
  background: url('~@/assets/images/icon/icon_head_status.png') no-repeat center center;
  background-size: 16px 15px;
}
.icon-head-plus {
  background: url('~@/assets/images/icon/icon_head_plus.png') no-repeat center center;
  background-size: 12px 12px;
}
.icon-head-mail {
  background: url('~@/assets/images/icon/icon_head_mail.png') no-repeat center center;
  background-size: 16px 12px;
}
.icon-head-wx {
  background: url('~@/assets/images/icon/icon_head_wx.png') no-repeat center center;
  background-size: 17px 14px;
}
.icon-head-filter {
  background: url('~@/assets/images/icon/icon_head_filter.png') no-repeat center center;
  background-size: 16px 18px;
}
.icon-resume{
  width: 22px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_resume.png') no-repeat center center;
  background-size: 19px 22px;
}
.tag-add{
  width: 26px;
  height: 26px;
  background: url('~@/assets/images/icon/icon_plus.png') no-repeat center center;
  background-size: 15px 15px;
  cursor: pointer;
}
.tag-add:hover{
  opacity: .8;
}
.icon-resume-p{
  width: 34px;
  height: 34px;
  background: url('~@/assets/images/icon/icon_resume_p.png') no-repeat center center;
  background-size: 100% 100%;
}
.icon-resume-f{
  width: 34px;
  height: 34px;
  background: url('~@/assets/images/icon/icon_resume_f.png') no-repeat center center;
  background-size: 100% 100%;
}
.icon-record-edit{
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('~@/assets/images/icon/icon_edit.png') no-repeat center center;
  background-size: 13px 15px;
}
.icon-c-phone{
  width: 24px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_c_phone.png') no-repeat center center;
  background-size: 24px 21px;
}
.icon-c-mobile{
  width: 24px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_c_mobile.png') no-repeat center center;
  background-size: 16px 22px;
}

.icon-phone {
  width: 42px;
  height: 42px;
  background: url('~@/assets/images/icon/icon_b_phone.png') no-repeat center center;
  background-size: 42px 42px;
}

.icon-table-share{
  width:16px;
  height: 16px;
  background: url('~@/assets/images/icon/icon_share.png') no-repeat center center;
  background-size: 16px 16px;
}
.icon-filter{
  width:18px;
  height: 18px;
  background: url('~@/assets/images/icon/icon_head_filter.png') no-repeat center center;
  background-size: 16px 18px;
}
.icon-project{
  width:22px;
  height: 22px;
  background: url('~@/assets/images/icon/icon_project.png') no-repeat center center;
  background-size: 21px 21px;
}

.icon-trash{
  width: 16px;
  height: 18px;
  background: url('~@/assets/images/icon/icon_trash.png') no-repeat center center;
  background-size: 16px 18px;
  margin-right: 5px;
}

.icon-backtop{
  width: 25px;
  height: 28px;
  background: url('~@/assets/images/icon/icon_backtop.png') no-repeat center center;
  background-size: 25px 28px;
  margin-top: 14px;
}

.back-top{
  display: inline-block;
  width: 56px;
  height: 56px;
  background: #fcfcfc;
  text-align: center;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 0px 3px rgba(0,0,0,.1);
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
}
.back-top:hover{
  box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}

.icon-request {
  width: 15px;
  height: 14px;
  background: url('~@/assets/images/icon/icon_request.png') no-repeat center center;
  background-size: 15px 14px;
  margin-right: 5px;
}
.icon-send{
  width: 22px;
  height: 14px;
  background: url('~@/assets/images/icon/icon_send.png') no-repeat center center;
  background-size: 22px 14px;
}

.icon-c-delete{
  width: 16px;
  height: 16px;
  background: url('~@/assets/images/icon/icon_circle_minus.png') no-repeat center center;
  background-size: 16px 16px;
}
.icon-c-add{
  width: 16px;
  height: 16px;
  background: url('~@/assets/images/icon/icon_circle_plus.png') no-repeat center center;
  background-size: 16px 16px;
}

.icon-arr-down{
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background: url('~@/assets/images/icon/icon_arr_down.png') no-repeat center center;
  background-size: 12px 10px;
}
.icon-arr-up{
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url('~@/assets/images/icon/icon_arr_up.png') no-repeat center center;
  background-size: 12px 10px;
}
.icon-upload{
  width: 12px;
  height: 12px;
  background: url('~@/assets/images/icon/icon_upload.png') no-repeat center center;
  background-size: 12px 12px;
}

.icon-arr-left{
  width: 16px;
  height: 16px;
  background: url('~@/assets/images/icon/icon_left.png') no-repeat center center;
  background-size: 16px 16px;
}
.icon-arr-r{
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: url('~@/assets/images/icon/icon_arr_right.png') no-repeat center center;
  background-size: 8px 10px;
}
.icon-arr-l{
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: url('~@/assets/images/icon/icon_arr_left.png') no-repeat center center;
  background-size: 8px 10px;
}
.icon-arr-u{
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: url('~@/assets/images/icon/icon_arr_top.png') no-repeat center center;
  background-size: 10px 8px;
}
.icon-arr-d{
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: url('~@/assets/images/icon/icon_arr_bottom.png') no-repeat center center;
  background-size: 10px 8px;
}
.icon-reset{
  margin-left: 10px;
  width: 11px;
  height: 11px;
  background: url('~@/assets/images/icon/icon_reset.png') no-repeat center center;
  background-size: 11px 11px;
}
.el-radio-button{
  .icon-manage{
    width: 20px;
    height: 20px;
    background: url('~@/assets/images/icon/icon_manage_active.png') no-repeat center center;
    background-size: 19px 17px;
  }
  .icon-post{
    width: 20px;
    height: 20px;
    background: url('~@/assets/images/icon/icon_post_active.png') no-repeat center center;
    background-size: 20px 13px;
  }
}
.el-radio-button.is-active{
  .icon-manage{
    width: 20px;
    height: 20px;
    background: url('~@/assets/images/icon/icon_manage.png') no-repeat center center;
    background-size: 19px 17px;
  }
  .icon-post{
    width: 20px;
    height: 20px;
    background: url('~@/assets/images/icon/icon_post.png') no-repeat center center;
    background-size: 20px 13px;
  }
}
.icon-export{
  width: 16px;
  height: 16px;
  background: url('~@/assets/images/icon/icon_export.png') no-repeat center center;
  background-size: 16px 15px;
}
